<template>
    <div class="orderText">
		{{ text }}
    </div>
</template>
<script>
export default{
	name:"textTitle",
	props:{
		text:{
			type:String,
			default:""
		}
	}
}
</script>
<style lang="less" scoped>
.orderText{
	display: flex;
	position: relative;
	padding-left: 15px;
	font-size: 18px;
	width: 100px;
	box-sizing: border-box;
}
.orderText::before{
	display: block;
	content: "";
	border-width: 0px;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 20px;
	background: inherit;
	background-color: rgba(37, 97, 239, 1);
	border-radius: 8px;;
}
</style>